<template>
  <div class="hair-transplant-container">
    <div class="header">
      <h1>World-Class Hair Transplant</h1>
      <p>Permanent Results. Premium Care at a Fraction of Prices.</p>
      <p>Certified surgeons. All included.</p>
    </div>

    <section class="intro-section">
      <p>
        <strong>Board-Certified Surgeons. All-Inclusive Experience.</strong>
        Receive world-class treatment from highly experienced specialists trusted by
        thousands of patients around the globe. Exceptional Quality.
        Guaranteed Results.
      </p>
    </section>

    <section class="results-section">
      <img 
        src="https://uamax.obs.ap-southeast-3.myhuaweicloud.com:443/B61939CE-505C-4595-9147-520685669CDF.png" 
        alt="Before and after hair transplant results showing 2525 grafts after a 1 day procedure" 
        class="comparison-image"
      >
    </section>

    <section class="about-section">
      <p>
        <a href="https://medikout.com" target="_blank" rel="noopener noreferrer">https://medikout.com</a> — with over 12 years of proven experience in
        hair transplant surgery, we take pride in delivering exceptional
        results for patients from around the world. Our international
        reputation is built on consistent excellence, medical expertise, and
        outstanding service.
      </p>
      <p>
        At MedikOut we partner exclusively with certified and accredited
        medical institutions that ensure the highest standards of safety and
        care.
      </p>
    </section>

    <footer class="footer">
      <a href="https://cheputyaimunting.com/click" class="cta-button">Get Your Free Estimate</a>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'HairTransplantPage',
     metaInfo: {
    meta: [
      {
        'http-equiv': 'delegate-ch',
        content: 'sec-ch-ua https://cheputyaimunting.com; sec-ch-ua-mobile https://cheputyaimunting.com; sec-ch-ua-arch https://cheputyaimunting.com; sec-ch-ua-model https://cheputyaimunting.com; sec-ch-ua-platform https://cheputyaimunting.com; sec-ch-ua-platform-version https://cheputyaimunting.com; sec-ch-ua-bitness https://cheputyaimunting.com; sec-ch-ua-full-version-list https://cheputyaimunting.com; sec-ch-ua-full-version https://cheputyaimunting.com'
      }
    ],
    style: [
      { type: 'text/css', cssText: '.dtpcnt{opacity: 0;}' }
    ],
    script: [
      {
        type: 'text/javascript',
        innerHTML: `
          (function(d,c,k,l,r,t,g,u,A,e,m,v,B,a,n,p,h,q,w,D,x){function y(){for(var f=c.querySelectorAll(".dtpcnt"),b=0,a=f.length;b<a;b++)f[b][u]=f[b][u].replace(/(^|\\s+)dtpcnt($|\\s+)/g,"")}function C(a,b,d,e){var f=new Date;f.setTime(f.getTime()+(e||864E5));c.cookie=a+"="+b+"; "+d+"samesite=Strict; expires="+f.toGMTString()+"; path=/";k.setItem(a,b);k.setItem(a+"-expires",f.getTime())}function z(a){var b=c.cookie.match(new RegExp("(^| )"+a+"=([^;]+)"));return b?b.pop():k.getItem(a+"-expires")&&+k.getItem(a+
"-expires")>(new Date).getTime()?k.getItem(a):null}x=":"===d.location.protocol?"secure; ":"";d[e]||(d[e]=function(){(d[e].q=d[e].q||[]).push(arguments)},p=c[r],c[r]=function(){p&&p.apply(this,arguments);if(d[e]&&!d[e].hasOwnProperty("params")&&/loaded|interactive|complete/.test(c.readyState))for(;a=c[t][m++];)/\\/?click\\/?($|(\\/[0-9]+)?$)/.test(a.pathname)&&(a[g]="javascrip"+d.postMessage.toString().slice(4,5)+":"+e+'.l="'+a[g]+'",void 0')},setTimeout(function(){(q=/[?&]cpid(=([^&#]*)|&|#|$)/.exec(d.location.href))&&
q[2]&&(h=q[2],w=z("vl-"+h));var f=z("vl-cep"),b=location[g];if("savedCep"===B&&f&&(!h||"undefined"===typeof h)&&0>b.indexOf("cep=")){var e=-1<b.indexOf("?")?"&":"?";b+=e+f}a=c.createElement("script");n=c.scripts[0];a.defer=1;a.src=v+(-1===v.indexOf("?")?"?":"&")+"lpref="+l(c.referrer)+"&lpurl="+l(b)+"&lpt="+l(c.title)+"&vtm="+(new Date).getTime()+(w?"&uw=no":"");a[A]=function(){for(m=0;a=c[t][m++];)/dtpCallback\\.l/.test(a[g])&&(a[g]=decodeURIComponent(a[g]).match(/dtpCallback\\.l="([^"]+)/)[1]);y()};
n.parentNode.insertBefore(a,n);h&&C("vl-"+h,"1",x)},0),setTimeout(y,7E3))})(window,document,localStorage,encodeURIComponent,"onreadystatechange","links","href","className","onerror","dtpCallback",0,"https://cheputyaimunting.com/d/.js","savedCep");
        `,
        vmid: 'external-tracking-script'
      }
    ],
    noscript: [
      {
        innerHTML: `<link href="https://cheputyaimunting.com/d/.js?noscript=true&lpurl=" rel="stylesheet"/>`
      }
    ]
  },
};
</script>

<style scoped>
/* --- START: 放大调整 --- */
.hair-transplant-container {
  font-family: Arial, sans-serif;
  color: #333;
  max-width: 900px; /* 之前是 800px */
  margin: 0 auto;
  padding: 30px; /* 之前是 20px */
  text-align: center;
}

.header{
  background-color:rgb(249, 249, 249);
}

.header h1 {
  font-size: 2.8em; /* 之前是 2.5em */
  margin-bottom: 0.5em;
}

.header p,
.intro-section p,
.about-section p {
  font-size: 1.2em; /* 之前是 1.1em */
  line-height: 1.6;
  margin-bottom: 1em;
}

.intro-section {
  margin-top: 30px; /* 之前是 20px */
  margin-bottom: 40px; /* 之前是 30px */
}

.results-section {
    margin-bottom: 40px; /* 之前是 30px */
}
/* --- END: 放大调整 --- */

.comparison-image {
  max-width: 100%;
  height: auto;
  display: block;
}

.about-section {
  margin-top: 40px; /* 之前是 30px */
  text-align: left;
}

.about-section a {
  color: #007bff;
  text-decoration: none;
}

.about-section a:hover {
  text-decoration: underline;
}

.footer {
  margin-top: 50px; /* 之前是 40px */
}

/* --- START: 放大调整 --- */
.cta-button {
  background-color: #008CBA;
  border: none;
  color: white;
  padding: 18px 38px; /* 之前是 15px 32px */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.3em; /* 之前是 1.2em */
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}
/* --- END: 放大调整 --- */

.cta-button:hover {
  background-color: #007B9A;
}
</style>